import React, {Component} from 'react';
//import pureRender from 'pure-render-decorator';
import {History, Link } from 'react-router';
import { connect } from 'react-redux';
import { is, fromJS} from 'immutable';
import {Imglist} from './common/img';
import {UctToLocaltime} from '../Config/Util';


class Issuing extends Component {
    constructor() {
        super();
        this.state = {
            
        }
    }
   
    render() {
        document.title="开证";
        const issuing = this.props.location.state.issuing;
        const bank = this.props.location.state.bank;
        return (
            <div className="main-wrap bg-grey">
                <div className="me-info">
                    <p className="info-title">起运港<span className="icon iconfont icon-xiala pull-right"></span></p>
                    <ul className="infoList">
                        <li>
                            <span>地址</span> <span>{issuing.portOfShipment}</span>
                        </li>
                    </ul>

                    <p className="info-title">国外银行信息<span className="icon iconfont icon-xiala pull-right"></span></p>
                    <ul className="infoList">
                        <li>
                            <span>银行帐户</span> <span>{bank.account == undefined?'':bank.account}</span>
                        </li>
                        <li>
                            <span>公司电话</span> <span>{bank.companyPhone == undefined?'':bank.companyPhone}</span>
                        </li>
                        <li>
                            <span>公司地址</span> <span>{bank.companyAddress == undefined?'':bank.companyAddress}</span>
                        </li>
                        <li>
                            <span>银行地址</span> <span>{bank.bankAddress == undefined?'':bank.bankAddress}</span>
                        </li>
                    </ul>

                    <p className="info-title">3C照片<span className="icon iconfont icon-xiala pull-right"></span></p>
                    <ul className="infoList">
                        <Imglist src={issuing.cccUrl} alt="3C照片"/>
                    </ul>

                    <p className="info-title">许可证<span className="icon iconfont icon-xiala pull-right"></span></p>
                    <ul className="infoList">
                        <li>
                            <span>是否保税</span> <span>{issuing.isBonded == true?"是":"否"}</span>
                        </li>
                    </ul>

                    {/*<p className="info-title">车辆手续<span className="icon iconfont icon-xiala pull-right"></span></p>
                    <ul className="infoList">
                        <Imglist src={issuing.shutBillUrl} alt="关单照片"/>
                        <Imglist src={issuing.commodityUrl} alt="商检照片"/>
                        <Imglist src={issuing.uniformityUrl} alt="一致性"/>
                        <Imglist src={issuing.electronicInfoUrl} alt="电子信息单"/>
                        <Imglist src={issuing.carInvoiceUrl} alt="车辆发票"/>
                        <Imglist src={issuing.purchaseTaxUrl} alt="置购稅申请表"/>
                    </ul>

                    <p className="info-title">开票<span className="icon iconfont icon-xiala pull-right"></span></p>
                    <ul className="infoList">
                        <li>
                            <span>预约开票日期</span> <span>{UctToLocaltime(issuing.appointmentMakeInvoiceTime)}</span>
                        </li>
                        <Imglist src={issuing.InvoiceInfoUrl} alt="开票信息"/>
                    </ul>*/}
                </div>

            </div>
        )
    }
}


export default connect((state) => {
    const { authReducer } = state;
    return {
        authReducer
    }
})(Issuing);